.query-card {
  width: 100%;
  min-height: 100vh;
  height: 100%;

  .title {
    margin-top: 50px;
    margin-bottom: 10px;
    font-size: 30px;
    text-align: center;
  }

  .title:after {
    content: " ";
    border-bottom: solid 1px #aaaaaa;
    display: block;
    width: 80px;
    margin: 20px auto;
  }

  .query-condition {
    color: #b68e60;
    padding-top: 20px;
    padding-bottom: 30px;
    font-size: 16px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;

    .condition-item {
      width: 700px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 15px;

      .left-item {
        width: 90px;
        text-align: left;
        padding: 0 15px;
      }

      .right-item,
      .right-item-btn {
        width: 300px;
        display: block;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.4;
        border-radius: 0px;
        background-color: #ffffff;
        color: #b68e60;
        border: 1px solid #b68e60; /* 设置新的边框颜色 */
      }

      .right-item-btn:hover {
        cursor: pointer;
        background-color: #b68e60 !important;
        color: #ffffff !important;
      }

      .right-item-valid {
        width: 326px;
        display: flex;
        justify-content: left;
      }

      .change-one {
        position: absolute;
        right: -50px;
        top: 8px;
        color: #c5c5c5;
        font-size: 12px;
        cursor: pointer;
      }
      .change-one:hover {
        text-decoration: underline;
      }
    }
  }

  input::placeholder {
    color: #b68e60;
  }

  input:focus {
    outline: none;
    color: #b68e60;
    border: 1px solid #b68e60; /* 设置新的边框颜色 */
  }
}
